<template>
  <div style="width:100%;height:100%;background-size:100% 100%;"
       :style="{backgroundImage:props.option.option.url?'url(' + props.option.option.url+')':''}">
  </div>
</template>
<script setup lang="ts">
import {Ref, ref} from "vue";
import {ComponentOption} from "./ComponentOption.ts";
import image_base64 from "@/views/drag_edit/image_base64.ts";

const props = defineProps<{
  option: ComponentOption
}>();
if (props.option.option.url) {

} else {
  props.option.option.url = image_base64['placeholder.png'];
}

const type: string = "image";
defineExpose({type})
</script>
